
$(function(){
    // 表单自定义校验规则
    var form = layui.form;
    var layer = layui.layer;
    form.verify({
        //数组的写法 前面的是规则 后面是报错信息
        password:[/^[\S]{6,12}$/,'密码必须是6到12位，且不能出现空格'],
        repassword:function(value, item){//value：表单的值、item：表单的DOM对象
            var value1 = $('#reg-form [name="password"]').val();
            if(value1 != value){
                return '两次密码不一致'//return后面是报错信息
            }
        }
    })

    // 点击 去注册账号 让登录表单隐藏 注册表单显示 
    $('#link_reg').on('click',function(){
        $('#login-form').hide()
        $('#reg-form').show()
    })

    // 点击 去登录 让注册表单隐藏 登录表单显示 
    $('#link_login').on('click',function(){
        $('#login-form').show()
        $('#reg-form').hide()
    })



    // 注册功能 
    // 思路：给表单绑定提交事件，阻止表单默认提交，收集数据，发送ajax 
    $('#reg-form').on('submit',function(e){
        e.preventDefault()
        //变量的名字由接口文档来决定的
        var username = $('#reg-form [name="username"]').val().trim();
        var password = $('#reg-form [name="password"]').val().trim();
        console.log(username,password);
        $.ajax({
            method:'POST',
            url:'/api/reguser',
            data:{
                username,
                password
            },
            success:function(res){
                if(res.status != 0)return layer.msg(res.message);
                layer.msg('注册成功，请登录')
                //如果注册成功了 
                // $('#login-form').show()//显示登录表单
                // $('#reg-form').hide()//隐藏注册表单
                // 用js模拟用户点击
                $('#link_login').click()
            }
        })
    })

    // 登录成功 考试通过了 服务器就会给我们发一个证书 证明我们账号密码输对了
    // token 凭证 电影票 

    // 登录功能
    $('#login-form').on('submit',function(e){
        e.preventDefault();
        $.ajax({
            method:'POST',
            url:'/api/login',
            data:$(this).serialize(),//自动收集表单中的数据
            success:function(res){
                if(res.status != 0)return layer.msg(res.message);
                // 本地存储 在本地存储中保存的东西 这个网站所有的其他页面共享这个数据
                localStorage.setItem('token',res.token)
                //跳转到后台首页
                location.href = '/index.html';
            }
        })
    })
})

// 原始的时候：$.ajax -> 服务器 
// 现在: $.ajax -> 预处理器 -> 服务器  